<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:b="http://bootsfaces.net/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
          
    <h:head>
        <title>BootsFaces Basic Page</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" ></meta>
        
        <link type="text/css" rel="stylesheet" href="resources/css/bootstrap.css" />
        
        <script type="text/javascript" src="resources/js/bootswatch.js"/>
        <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
        


        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="resources/js/html5shiv.js"></script>
          <script src="resources/js/respond.min.js"></script>
        <![endif]-->
        
    </h:head>
    <h:body>
        
        <h:form>
            <b:modal
                title="kakak"
                rendered="true"
                
                >
                <b:button value="yes" ></b:button>
            </b:modal>
            <b:navBar brand="Atom" brandHref="#"  >
                <b:navbarLinks>
                    <b:dropMenu value="Ventas" >
                        <b:navLink value="Action" href="#" icon="icon-glass"></b:navLink>
                        <b:navLink value="Another action" href="#"></b:navLink>
                        <b:navLink value="Something else here" href="#"></b:navLink>
                        <b:navLink></b:navLink>
                        <b:navLink header="Nav header"></b:navLink>
                        <b:navLink value="Separated link" href="#"></b:navLink>
                        <b:navLink value="One more separated link" href="#"></b:navLink>                        
                    </b:dropMenu>
                    <b:dropMenu value="Compras">
                        <b:navLink value="Action" href="#"></b:navLink>
                        <b:navLink value="Another action" href="#"></b:navLink>
                        <b:navLink value="Something else here" href="#"></b:navLink>
                        <b:navLink></b:navLink>
                        <b:navLink header="Nav header"></b:navLink>
                        <b:navLink value="Separated link" href="#"></b:navLink>
                        <b:navLink value="One more separated link" href="#"></b:navLink>
                    </b:dropMenu>
                    <b:dropMenu value="Inventario">
                        <b:navLink value="Action" href="#"></b:navLink>
                        <b:navLink value="Another action" href="#"></b:navLink>
                        <b:navLink value="Something else here" href="#"></b:navLink>
                        <b:navLink></b:navLink>
                        <b:navLink header="Nav header"></b:navLink>
                        <b:navLink value="Separated link" href="#"></b:navLink>
                        <b:navLink value="One more separated link" href="#"></b:navLink>
                    </b:dropMenu>                   
                    <b:dropMenu value="Herramientas">
                        <b:navLink header="Nav header"></b:navLink>
                        <b:navLink value="Separated link" href="#"></b:navLink>
                        <b:navLink value="One more separated link" href="#"></b:navLink>
                    </b:dropMenu>
                </b:navbarLinks>
            </b:navBar>   
            
            
            
            
        </h:form>
        
        <b:container>
            <b:row>
                <b:column>
                    <h1>Bienvenido!</h1>
                </b:column>
            </b:row>
        </b:container>
       
    </h:body>
    
    
</html>